<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新增图文</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/publishArticles.css">
    <script src="js/flexible.js"></script>
</head>
<body>
    <div class="edit-module-div box flex flex-column flex-cz-c">
        <div class="title-input-div flex ">
            <span class="title-text">标题</span>
            <input class="title-input" placeholder="请输入您的标题">
        </div>
        <div class="module-line mt02 "></div>
        <div class="add-cover-div flex flex-sp-b">
            <div class="add-cover-btn box flex flex-column flex-cz-c">
                <img src="images/add.png" class="add-cover-img">
                <span class="add-cover-text">选择封面</span>
            </div>
            <textarea class="abstract-input box"  placeholder="请输入文章摘要..."></textarea>
        </div>
        <div class="module-line mt016"></div>
        <div class="module-main-text">正文</div>
        <div class="module-main-module-text flex flex-column flex-cz-c">
            <div class="module-main-action flex flex-sp-end flex-cz-c">
                <span class="active-btn">插入图片</span>
                <span class="active-btn">插入文章</span>
                <span class="active-btn">删除模块</span>
            </div>
            <textarea class="big-textarea box"></textarea>
        </div>
        <div class="module-main-module-img flex flex-column flex-cz-c">
            <div class="module-main-action flex flex-sp-end flex-cz-c">
                <span class="active-btn">插入图片</span>
                <span class="active-btn">插入文章</span>
                <span class="active-btn">删除模块</span>
            </div>
            <div class="upload-img-div">
                点击上传一张图片
            </div>
        </div>
        <div class="module-line mt014"></div>
        <div class="bottom-action-div flex flex-sp-a flex-cz-c">
            <span class="bottom-action-btn">添加文字</span>
            <span class="bottom-action-btn">添加图片</span>
        </div>
    </div>



    <div class="box-4 flex flex-cz-c flex-sp-c">
        <button class="c-fff f-28">提交</button>
    </div>
</body>
</html>